<template>
    <div class="warp">
    	<header>
    		<span class="left"><router-link to='/jianKang'><img src="../../static/img/return.png"/></router-link></span>
    		<span class="center">泡健康</span>
    		<span class="right"></span>
    	</header>
    	
    	
    	<main>
    			
    		<div class="wenhua">
    			<h1>{{text}}</h1>
    			<p>{{texttwo}}</p>
    			<p>{{textthree}}</p>
    			<p><img src="../../static/img/jiankangtwo-1.png"/></p>
    			<ul>
    				<li v-for='item in imges'>
    					<h2>{{item.tlite1}}</h2>
    					<p class="_p">{{item.tlite2}}</p>
    				</li>
    				
    				
    			</ul>
    			
    		</div>
    		
    	
    	
    	
    	
    		
    		
    	
    		
    		
    	</main>
    	
    	
    	
    	
 </div>	
</template>
 		<script>
		import axios from 'axios'
    		export default {
    			name:'warp',
		  data () {
		  	return {
		  		text:"茶与五种食物相克一定要当心",
		  		texttwo:"2015-09-08　15:30:32",
		  		textthree:"泡茶叔",
		  		imges:[]
		     }
		  },
		  mounted () {
		    axios.get('../../static/json/jiangkangtwo.json')
			   .then(response => {
				this.imges = response.data
				console.log(this.imges)
			}) 
          
 }
		 
		}
    	</script>
    	
    	<style scoped lang="less">
    		@import '.././assets/less/header.less';
    		@import '.././assets/less/cultureone.less';
    		
	    	.active{
	            background: #42B983;
	            color: white!important;
	            padding: 13px 30px;
	        }
	        .curr{
	        	background: #42B983!important;
	        	color: white!important;
	        }
    	</style>